<script lang="ts" setup>
import { ref } from "vue";
import Header from "../header/index.vue";
import Nav from "../nav/index.vue";
</script>
<template>
  <div class="wrapper">
    <Header />
    <div class="box">
      <Nav />
      <div class="main">
        <section>
          <router-view />
        </section>
      </div>
    </div>
  </div>
</template>
<style lang="scss" scoped>
.wrapper {
  width: 100%;
  height: 100%;
  .box {
    display: flex;
    height: calc(100% - 60px);
    .main {
      flex: 1;
      overflow-y: hidden;
      padding: 10px;
      background: #F0F2F5;
    }
  }
}
</style>
